<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>填写订单信息</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
<link href="{eyou:global name='web_cmspath'/}/favicon.ico" rel="shortcut icon" type="image/x-icon" />
{eyou:static file="users/skin/css/bootstrap.min.css" /}
{eyou:static file="users/skin/css/eyoucms.css" /}
{eyou:static file="users/skin/css/basic.css" /}
{eyou:static file="users/skin/css/shop_under_order.css"/}

<!-- 新样式 2020-11-25 -->
{eyou:static file="users/skin/css/element/index.css" /}
{eyou:static file="users/skin/css/e-user.css" /}
{eyou:include file="users/skin/css/diy_css.htm"/}

{eyou:static file="/public/static/common/js/jquery.min.js"/}
{eyou:static file="/public/plugins/layer-v3.1.0/layer.js"/}
{eyou:static file="/public/static/common/js/tag_global.js"/}
</head>

<body>
<!-- 头部信息 -->
<div class="ey-cart-header">
    <div class="ey-cart-header-con">
    <div class="ey-logo">
        <!-- <a href="{eyou:global name='web_cmsurl' /}"><img src="{eyou:global name='web_logo'/}" /></a> -->
    </div>
    <div class="ey-cart-title">
        <h2> 确认订单 </h2> 
    </div>
    <div class="ey-cart-header-r">
        {egt name='$php_servicemeal' value='1'}
        <div class="right-item user-news">
            <a href="{:url('user/UsersNotice/index')}">
                {gt name="$unread_num" value="0"}
                <span class="num" id="users_unread_num">{$unread_num}</span>
                {/gt}
                <span class="icon"><i class="el-icon-bell"></i></span>
            </a>
        </div>
        {/egt}
        <div class="right-item user-photo">
            <a href="{eyou:Diyurl link='user/Users/index' /}"><img src="{$users.head_pic|get_head_pic=###}"/></a>
            <div class="user-drop">
                <ul>
                    <li><a href="{eyou:Diyurl link='user/Users/index' /}">个人中心</a></li>
                    {eyou:if condition="getUsersConfigData('shop.shop_open') == 1"}
                    <li><a href="{eyou:Diyurl link='user/Shop/shop_centre' /}">我的订单</a></li>
                    {/eyou:if}
                    <li><a href="{eyou:Diyurl link='user/Users/collection_index' /}">我的收藏</a></li>
                    <li><a href="{eyou:Diyurl link='user/Users/logout' /}">安全退出</a></li>
                </ul>
            </div>
        </div>
    </div>
    </div>
</div>
<!-- 头部信息结束 -->

<script type="text/javascript">
    //头像下拉
    $(".user-photo").mouseover(function(){
       $(".user-drop").show();
    });
    $(".user-photo").mouseout(function(){
       $(".user-drop").hide();
    });

    var GetUploadify_url = "{:url('Uploadify/upload')}";
</script>

<div class="ey-body-bg">
    <div class="ey-body" style="padding: 0;">
        <div class="ey-container w1226">
            <form action="" name='theForm' id="theForm" method="post">
            {eyou:spsubmitorder id="field"}
            <div class="mi-checkout page-main">
                <div class="container">
                    <div class="checkout-wrap">
                        <!---->
                        <div class="loading" style="display: none;">
                            <div class="loader"></div>
                        </div>
                        <div class="checkout-main" style="">
                            <div class="checkout-detail">
                                <!-- 判断是否属于实体产品，虚拟产品不需要收货地址 -->
                                {eyou:empty name="$field.PromType"}
                                    <div class="fixed-header" style="display: none;">
                                        <div class="fixed-address-choose"><a href="javascript:void(0)" class="choose-btn btn btn-primary">选择该收货地址</a>
                                            <div class="address-title">
                                                <span class="address-desc"></span>
                                                <span class="address-desc"></span>
                                                <!---->
                                            </div>
                                        </div>
                                    </div>
                                    <div class="fixed-header" id="selectCurAddrHtml_1625108329" style="display: none;z-index: 99999;">
                                        {eyou:spaddress id="addr_field" key='add_i'}
                                            {eq name='$add_i' value='1'}
                                            <div class="fixed-address-choose">
                                                <a href="javascript:void(0)" id="selectCurAddr_1625108121" class="choose-btn btn btn-primary" {$addr_field.SelectEd}>选择该收货地址</a>
                                                <div class="address-title">
                                                    <span class="address-desc">{$addr_field.consignee}</span>
                                                    <span class="address-desc">{$addr_field.mobile}</span>
                                                    <span class="address-desc">{$addr_field.Info}&nbsp;{$addr_field.address}</span>
                                                </div>
                                            </div>
                                            {/eq}
                                        {/eyou:spaddress}
                                    </div>
                                    <div class="detail-section address-detail">
                                        <div class="address-header">
                                            <span class="header-title">收货地址</span>
                                            <!-- 判断是否填写商城配置中的温馨提示信息 -->
                                            {eyou:notempty name="$field.shop_prompt"}
                                            <span class="header-desc">{$field.shop_prompt}</span>
                                            {/eyou:notempty}
                                        </div>
                                        <!---->
                                        <div style="padding: 0 0 14px 0;" class="address-list show-less-list" {$field.UlHtmlId}>
                                            {eyou:spaddress id="addr_field" key="addr_i"}
                                                {$addr_field.DefaultHidden}
                                            <div class="address-item" {$addr_field.SelectEd} {$addr_field.ul_il_id} style="{eyou:gt name='$addr_i' value='4'}display: none;{/eyou:gt}">
                                                <div class="address-info">
                                                    <div class="name" {$addr_field.ConsigneeId}>{$addr_field.consignee}</div> 
                                                    <div class="tel" {$addr_field.MobileId}>{$addr_field.mobile}</div>
                                                    <div class="address-con">
                                                        <span {$addr_field.InfoId}>{$addr_field.Info}</span>
                                                        <span class="info" {$addr_field.AddressId}>{$addr_field.address}</span>
                                                    </div> 
                                                    <div class="address-action"><span {$addr_field.ShopEditAddr}>修改</span></div>
                                                </div>
                                                <div class="address-info-solt" style="display: none;"></div>
                                            </div>
                                            {/eyou:spaddress}
                                            <div class="address-item" style="{eyou:gt name='$addr_i' value='4'}display: none;{/eyou:gt}">
                                               <a href="JavaScript:void(0);" {$field.ShopAddAddr}> <div class="add-desc"><i class="iconfont iconfont-plus"></i><span>添加新地址</span></div></a>
                                            </div>
                                            <div class="more-btn" data-showhide="hide" style="display: none;"><span>显示更多地址<i class="iconfont-normal"></i></span></div>
                                        </div>
                                    </div>
                                {eyou:else/}
                                    <div class="detail-section address-detail">
                                    <!-- 虚拟产品输出信息,可根据自身需求更改 -->
                                        <div class="mb20 red">
                                            该产品为虚拟产品，仅支持在线支付且无需选择收货地址及运费计算。<br/>
                                            若产品是充值类产品，请将您的手机号或需充值的卡号填入留言中。
                                        </div>
                                    </div>
                                {/eyou:empty}

                                <div class="detail-section">
                                    <div class="detail-header" id="goods-list_html">商品</div>
                                    <div class="goods-list">
                                        {eyou:spordergoods id="shop_field"}
                                        <div class="good-item">
                                            <div class="item-desc good-img"><img src="{$shop_field.litpic}"> </div>
                                            <div class="item-desc good-name">
                                                <a href="{$shop_field.arcurl}" target="_blank">
                                                    <span>
                                                        {$shop_field.title}&nbsp;
                                                        <!-- 商品规格 -->
                                                        {eyou:volist name='$shop_field.product_spec_list' id='spec'}
                                                            {$spec.value}&nbsp;
                                                        {/eyou:volist}
                                                        <!-- 商品规格 END-->
                                                    </span>
                                                </a>
                                            </div>
                                            <div class="item-desc price-box">
                                                <div class="item-desc good-price">{$shop_field.users_price}元 x {$shop_field.product_num}
                                                </div>
                                                <div class="item-desc good-status"></div>
                                                <div class="item-desc good-total">{$shop_field.subtotal}元</div>
                                            </div>
                                        </div>
                                        {$shop_field.ProductHidden}
                                        {/eyou:spordergoods}
                                    </div>
                                </div>
                                <div class="detail-section">
                                    {eyou:empty name="$field.PromType"}
                                    <div class="section-options section-shipment">
                                        <div class="options-desc options-header">
                                            <div class="title">配送方式</div>
                                        </div>
                                        <div class="options-desc options-body">
                                            <div class="options-list">
                                                <div class="options-item selected">快递配送 ( {$field.Shipping} )</div>
                                            </div>
                                        </div>
                                    </div>
                                    {/eyou:empty}
                                </div>
                                <div class="confirm-pay">
                                    <div class="section section-payment">
                                        <div class="payment-box">
                                            <div class="payment-header clearfix">
                                                <div class="title" style="color: #333;font-size: 18px;line-height: 38px;font-weight: normal;">{eyou:eq name="$field.use_pay_type" value="0"}未开启支付方式{eyou:else/}支付方式{/eyou:eq}</div>
                                            </div>
                                            <div class="payment-body">
                                                {$field.PayTypeHidden}
                                                <div class="pay-type">
                                                    <div class="li_div">
                                                        <div class="pay-con" style="overflow: hidden;padding: 10px 0">
                                                            <!-- 支付API列表，套板请务必将整块代码一起复制，包含隐藏域 -->
                                                            <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
                                                            {eyou:sppayapilist id='vo'}
                                                                {eyou:notempty name="$vo.pay_id"}
                                                                    {neq name="$vo.pay_mark" value="Hupijiaopay"}
                                                                        {eyou:php}$pay_mark_vars = "users/skin/images/pay_".$vo['pay_mark'].".png";{/eyou:php}
                                                                        <div class="pay-type-item" data-type="zxzf_{$vo.pay_mark}" onclick="payTag2(this)">
                                                                            <img src="{eyou:empty name='$vo.pay_img'}{eyou:static file='$pay_mark_vars' /}{eyou:else/}{$vo.pay_img}{/eyou:empty}" alt="{$vo.pay_name}"> <i class="el-icon-check"></i>
                                                                        </div>
                                                                    {/neq}
                                                                {/eyou:notempty}
                                                                {$vo.hidden}
                                                            {/eyou:sppayapilist}
                                                            <input type="hidden" id="PayID">
                                                            <input type="hidden" id="PayMark">
                                                            <input type="hidden" id="PayType">
                                                            <!-- END -->

                                                            {eyou:if condition="empty($field.shop_open_offline) && empty($field.PromType)"}
                                                            <!-- 判断是否开启商城配置中的货到付款开关 并且 判断是否属于实体产品，虚拟产品不支付货到付款 -->
                                                            <div class="pay-type-item" data-type="hdfk_payOnDelivery" onclick="payTag2(this)">
                                                                <img src="{eyou:static file='users/skin/images/pay_hdfk.png' /}" alt="货到付款">
                                                                <i class="el-icon-check"></i>
                                                            </div>
                                                            {/eyou:if}

                                                            {eyou:eq name="$field.pay_balance_open" value="1"}
                                                            <div class="pay-type-item" data-type="yezf_balance" onclick="payTag2(this)">
                                                                <img src="{eyou:static file='users/skin/images/pay_yiyou2.png' /}" alt="余额支付">
                                                                <i class="el-icon-check"></i>
                                                            </div>
                                                            {/eyou:eq}
                                                        </div>
                                                        <div class="pay-inner-con" id="yezf_balance_tips" style="display: none;">
                                                            <div class="pay-item-row">
                                                                <div class="pay-item-l w150">应付金额：</div>
                                                                <div class="pay-item-r"> <span class="red f16" {$field.PayTotalAmountID}>{$field.TotalAmount}</span> 元</div>
                                                            </div>
                                                            <div class="pay-item-row">
                                                                <div class="pay-item-l w150">可用余额：</div>
                                                                <div class="pay-item-r"> 
                                                                    <span class="green f16">{$field.UsersMoney}</span> 元
                                                                    <span class="red ml10" >
                                                                        {lt name='$field.UsersSurplusMoney' value='0'}
                                                                        余额不足<a href="{:url('user/Pay/pay_account_recharge')}" target="_blank">[充值]</a>
                                                                        {/lt}
                                                                    </span> 
                                                                </div>
                                                            </div>
                                                            <div class="pay-item-row" {lt name='$field.UsersSurplusMoney' value='0'}style="display: none;"{/lt}>
                                                                <div class="pay-item-l w150">支付结余：</div>
                                                                <div class="pay-item-r"> <span class="fb" {$field.UsersSurplusMoneyID}>{$field.UsersSurplusMoney}</span> 元</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="detail-section count-detail">
                                    <!---->
                                    <!-- <div class="section-discount">
                                        <div class="discount-coupon"><a href="javascript:void(0)" class="coupon-title" ><i class="iconfont icon-plus"></i><span>使用优惠券</span></a>
                                        </div>
                                        <div class="position-box">
                                            <div class="discount-ecard"><a class="coupon-title"><i class="iconfont icon-plus"></i><span>使用礼品卡</span></a>
                                            </div>
                                        </div>
                                    </div> -->
                                    <div class="section-bill">
                                        {$field.TotalAmountOld}
                                        <div class="bill-item">
                                            <div class="bill-name">商品件数：</div>
                                            <div class="bill-money">{$field.TotalNumber}件</div>
                                        </div>
                                        <!---->
                                        <!---->
                                        <div class="bill-item">
                                            <div class="bill-name">商品总价：</div>
                                            <div class="bill-money"><span>{$field.TotalAmount}</span>元</div>
                                        </div>
                                        <!---->
                                        <!-- <div class="bill-item">
                                            <div class="bill-name">活动优惠：</div>
                                            <div class="bill-money">-0元</div>
                                        </div>
                                        <div class="bill-item">
                                            <div class="bill-name">优惠券抵扣：</div>
                                            <div class="bill-money">-0元</div>
                                        </div> -->
                                        <!---->
                                        <!---->
                                        <!---->
                                        
                                        <div class="bill-item">
                                            <div class="bill-name">运费：</div>
                                            <div class="bill-money"> {$field.ShippingMoney} 元</div>
                                        </div>
                                        <div class="bill-item total-price">
                                            <div class="bill-name">应付总额：</div>
                                            <div class="bill-money"><em {$field.TotalAmountId}>{$field.TotalAmount}</em>元</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="detail-section footer-detail clearfix">
                                    <!---->
                                    <div class="handle-action">
                                        <div class="operating-button">
                                            <!-- 判断是否由购物车提交过来 -->
                                            {eyou:eq name="is_wechat" value='2'}
                                                <a href="javascript:void(0);" class="btn btn-primary" {$field.ShopPaymentPage} >去结算</a>
                                            {eyou:else/}
                                                <a href="javascript:void(0);" class="btn btn-primary" onclick="WeChatPayment();" >去结算</a>
                                            {/eyou:eq}
                                            
                                            {eyou:eq name="$field.submit_order_type" value="0"}
                                                <a href="{$field.ReturnCartUrl}" class="btn btn-return">返回购物车</a>
                                            {/eyou:eq}
                                        </div>
                                        <!---->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            {$field.TokenValue}
            {$field.hidden}
            {/eyou:spsubmitorder}
            </form>
        </div>
    </div>
    <input type="hidden" id="unified_id">
    <input type="hidden" id="unified_number">
    <input type="hidden" id="transaction_type">
</div>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
{eyou:static file="users/skin/js/shop_under_order.js"/}

<script type="text/javascript">
    $(function(){
        // 默认支付方式
        $($('.pay-type-item')[0]).trigger("click");
    });
</script>

{eyou:include file="users/users_footer.htm" /}
